<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  
  <meta name="generator" content="Hugo 0.98.0" />

  
  <meta name="description" content="走在通往幸福的路上">
  

  
  <link rel="apple-touch-icon" sizes="180x180" href="https://blog.v5u.win/apple-touch-icon.png">

  
  <link rel="icon" type="image/png" sizes="32x32" href="https://blog.v5u.win/favicon-32x32.png">

  
  <link rel="icon" type="image/png" sizes="16x16" href="https://blog.v5u.win/favicon-16x16.png">

  
  <link rel="manifest" href="https://blog.v5u.win/site.webmanifest">

  
  <link rel="mask-icon" href="https://blog.v5u.win/safari-pinned-tab.svg" color="">

  <meta name="msapplication-TileColor" content="">

  <meta name="theme-color" content="">

  
  <link rel="stylesheet" href="https://blog.v5u.win/css/bootstrap.min.css" />

  
  <title>Sublime Text3 使用心得 | 为吾优</title>
  

  <style>
body {
  min-width: 300px;
}

.custom-navbar {
  margin-bottom: 1em;
  height: 60px;
}

.custom-navbar a {
  display: inline-block; 
  padding: 18px 0;
  margin-right: 1em; 
  font-weight: bold; 
}

.custom-navbar a:hover,
.custom-navbar a:focus {
  text-decoration: none; 
}

@media print {
  .custom-navbar {
    display: none;
  }
}

article {
  padding-bottom: 1em;
}

img {
  max-width: 100%;
}


body {
  background-color: #fff;
}



body {
  color: #212529;
}



a {
  color: #007bff;
}



a:hover,
a:focus {
  color: #0056b3;
}



.custom-navbar {
  background-color: #212529;
}



.custom-navbar a {
  color: rgba(255,255,255,.75);
}



.custom-navbar a:hover,
.custom-navbar a:focus {
  color: rgba(255,255,255,1);
}



.container {
  max-width: 800px;
}





</style>
</head>

<body>
  <nav class="custom-navbar">
  <div class="container">
    
    <a href="/">文章</a>
    
    <a href="/tags/">标签</a>
    
    <a href="/about/">关于</a>
    
    <a href="/index.xml">RSS</a>
    
  </div>
</nav>
  
  <div class="container">
    <article>
      <h1>Sublime Text3 使用心得</h1>
<ol>
<li>build nodejs项目</li>
</ol>
<pre><code>sublime text 3自带build的系统，只需要在tools-&gt;build system-&gt; new build system&amp;#8230;

{
  &quot;shell_cmd&quot;: &quot;node $file&quot;,
  &quot;selector&quot;: &quot;source.js&quot;
}
</code></pre>
<p>保存为 node.sublime-build，就可以使用cmd+shift+b调出窗口选择node编译.</p>
<p>在keymap绑定按键：</p>
<pre><code>{
    &quot;keys&quot;: [&quot;ctrl+c&quot;],
    &quot;command&quot;: &quot;exec&quot;,
    &quot;args&quot;: {
      &quot;kill&quot;: true
    }
  }
</code></pre>
<p>就可以使用快捷键ctrl+c关闭，或者手动点选tools-&gt; cancel build中断。</p>
<p>需要编译es6的代码的话可以考虑用babel，build tools替换成</p>
<pre><code>{
  &quot;shell_cmd&quot;: &quot;babel-node  $file&quot;,
  &quot;selector&quot;: &quot;source.js&quot;
}
</code></pre>
<h3 id="插件安装">插件安装</h3>
<p>shift+commend+p 输入install敲return/Enter，查找插件</p>
<p>我安装的插件：</p>
<ul>
<li>
<p>Babel <code>ES2015语法转化器</code></p>
</li>
<li>
<p>EJS <code>WEB所使用的模板引擎之一</code></p>
</li>
<li>
<p>emmet <code>提高HTML &amp; CSS3编写速度</code></p>
</li>
<li>
<p>ConvertToUTF8 <code>UTF8转换</code></p>
</li>
<li></li>
</ul>
<p>插件使用教程：</p>
<p>emmet : <a href="http://www.w3cplus.com/tools/using-emmet-speed-front-end-web-development.html">http://www.w3cplus.com/tools/using-emmet-speed-front-end-web-development.html</a></p>

    </article>
  </div>

  
  
  

  
</body>

</html>